<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div class="footer_top">
        <div class="span_of_4">
          <div class="col-md-3 box_4">
              <h4>Shop</h4>
              <ul class="f_nav">
                  <li><a href="#">new arrivals</a></li>
                  <li><a href="#">men</a></li>
                  <li><a href="#">women</a></li>
                  <li><a href="#">accessories</a></li>
                  <li><a href="#">kids</a></li>
                  <li><a href="#">brands</a></li>
                  <li><a href="#">trends</a></li>
                  <li><a href="#">sale</a></li>
                  <li><a href="#">style videos</a></li>
              </ul>	
          </div>
          <div class="col-md-3 box_4">
              <h4>help</h4>
              <ul class="f_nav">
                  <li><a href="#">frequently asked  questions</a></li>
                  <li><a href="#">men</a></li>
                  <li><a href="#">women</a></li>
                  <li><a href="#">accessories</a></li>
                  <li><a href="#">kids</a></li>
                  <li><a href="#">brands</a></li>
              </ul>				
          </div>
          <div class="col-md-3 box_4">
              <h4>account</h4>
              <ul class="f_nav">
                  <li><a href="#">login</a></li>
                  <li><a href="#">create an account</a></li>
                  <li><a href="#">create wishlist</a></li>
                  <li><a href="#">my shopping bag</a></li>
                  <li><a href="#">brands</a></li>
                  <li><a href="#">create wishlist</a></li>
              </ul>
          </div>
          <div class="col-md-3 box_4">
              <h4>popular</h4>
              <ul class="f_nav">
                  <li><a href="#">new arrivals</a></li>
                  <li><a href="#">men</a></li>
                  <li><a href="#">women</a></li>
                  <li><a href="#">accessories</a></li>
                  <li><a href="#">kids</a></li>
                  <li><a href="#">brands</a></li>
                  <li><a href="#">trends</a></li>
                  <li><a href="#">sale</a></li>
                  <li><a href="#">style videos</a></li>
                  <li><a href="#">login</a></li>
                  <li><a href="#">brands</a></li>
              </ul>			
          </div>
          <div class="clearfix"></div>
      </div>
          <!-- start span_of_2 -->
          <div class="span_of_2">
              <div class="span1_of_2">
                  <h5>need help? <a href="#">contact us <span> &gt;</span> </a> </h5>
                  <p>(or) Call us: +22-34-2458793</p>
              </div>
              <div class="span1_of_2">
                  <h5>follow us </h5>
                  <div class="social-icons">
                           <ul>
                              <li><a href="#" target="_blank"></a></li>
                              <li><a href="#" target="_blank"></a></li>
                              <li><a href="#" target="_blank"></a></li>
                              <li><a href="#" target="_blank"></a></li>
                              <li class="last2"><a href="#" target="_blank"></a></li>
                          </ul>
                  </div>
              </div>
              <div class="clearfix"></div>
          </div>
          <div class="copy">
             <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
          </div>
       </div>
</body>
</html>